<template>
  <div>
    <div id="news-single">
      <!-- BREADCRUMBS -->
      <div class="page-header">
        <div class="container">
          <h1 class="page-title pull-left">新闻 NEWS</h1>
          <ol class="breadcrumb">
            <li>
              <router-link :to="{ name: 'home'}">首页</router-link>
            </li>
            <li>
              <router-link :to="{ name: 'news-list' , params:{'id': 21}}">新闻</router-link>
            </li>
            <li class="active">新闻详情</li>
          </ol>
        </div>
      </div>
      <!-- END BREADCRUMBS -->

      <!-- PAGE CONTENT -->
      <div class="page-content">
        <div class="container">
          <div class="row">
            <div class="col-md-9">
              <!-- BLOG SINGLE -->
              <div class="blog single full-thumbnail">
                <!-- blog post -->
                <article class="entry-post">
                  <header class="entry-header">
                    <h2 class="entry-title">
                      <a href="blog-single.html">Objectively Disseminate Customer Directed E-commerce</a>
                    </h2>
                    <div class="meta-line clearfix">
                      <div class="meta-author-category pull-left">
                        <span class="post-author">by
                          <a href="#">John Doe</a>
                        </span>
                        <span class="post-category">In:
                          <a href="#">Business</a>,
                          <a href="#">Creative</a>,
                          <a href="#">Media</a>
                        </span>
                      </div>
                      <div class="meta-tag-comment pull-right">
                        <span class="post-tags">
                          <i class="fa fa-tag"></i>
                          <a href="#">story</a>,
                          <a href="#">inspiration</a>,
                          <a href="#">creative</a>
                        </span>
                        <!-- <span class="post-comment">
                          <i class="fa fa-comments"></i>
                          <a href="#">3 Comments</a>
                        </span> -->
                      </div>
                    </div>
                  </header>
                  <div class="entry-content clearfix">
                    <figure class="featured-image">
                      <div class="post-date-info clearfix">
                        <span class="post-month">DEC</span>
                        <span class="post-date">11</span>
                        <span class="post-year">2014</span>
                      </div>
                      <img src="@/assets/img/blog/buildings.jpg" class="img-responsive" alt="featured-image" />
                    </figure>
                    <div class="excerpt">
                      <p>Globally orchestrate high-payoff vortals whereas an expanded array of schemas. Distinctively actualize visionary niche markets via covalent human capital. Proactively reinvent team building customer service with ethical e-markets. Professionally utilize mission-critical technology whereas competitive solutions. Completely underwhelm go forward leadership without maintainable initiatives. Objectively disseminate customer directed e-commerce with prospective partnerships. Collaboratively actualize revolutionary total linkage before orthogonal catalysts for change. Appropriately facilitate optimal meta-services whereas end-to-end solutions...</p>
                      <p>Holisticly synthesize adaptive expertise before distinctive core competencies. Intrinsicly leverage other's compelling customer service after impactful manufactured products. Compellingly disintermediate impactful vortals without scalable networks. Conveniently monetize interdependent infrastructures through frictionless data. Energistically visualize best-of-breed niche markets before visionary synergy.</p>
                      <p>Phosfluorescently streamline enabled architectures without enterprise-wide alignments. Appropriately synergize parallel schemas without installed base value. Energistically embrace maintainable e-tailers whereas unique processes. Uniquely foster accurate e-markets via synergistic e-business. Dynamically communicate enterprise action items before ubiquitous customer service.</p>
                      <blockquote>
                        <p>Professionally revolutionize business channels and interactive imperatives. Competently visualize virtual collaboration and idea-sharing after bleeding-edge testing procedures. Monotonectally implement synergistic schemas vis-a-vis fully tested metrics.</p>
                      </blockquote>
                      <p>Dramatically communicate goal-oriented niche markets vis-a-vis adaptive users. Objectively leverage other's dynamic methodologies whereas worldwide human capital. Uniquely leverage existing distributed mindshare and fully tested sources. Enthusiastically cultivate exceptional experiences for 2.0 systems. Intrinsicly embrace diverse channels via innovative synergy. Proactively scale multimedia based functionalities for worldwide niche markets. Proactively network alternative vortals and proactive solutions. Competently disseminate adaptive strategic theme areas vis-a-vis exceptional solutions. Authoritatively revolutionize frictionless synergy with robust intellectual capital. Dynamically actualize high-payoff users and magnetic expertise. Energistically plagiarize fully researched alignments and scalable relationships. Interactively predominate seamless infomediaries vis-a-vis pandemic results. Seamlessly deploy viral products without an expanded array of experiences. Phosfluorescently morph revolutionary partnerships after superior services. Quickly embrace front-end benefits with excellent internal or "organic" sources.</p>
                      <p>Globally generate pandemic e-services after frictionless content. Rapidiously evolve dynamic strategic theme areas whereas backward-compatible networks. Synergistically communicate best-of-breed partnerships before cross functional partnerships. Seamlessly evisculate corporate architectures and cost effective web services. Enthusiastically maintain B2C customer service after progressive models. Synergistically procrastinate magnetic infomediaries through granular services.</p>
                    </div>
                  </div>
                </article>
                <!-- end blog post -->
                <hr>
                <!-- social sharing -->
                <div class="social-sharing clearfix">
                  <!-- <h3 class="section-heading pull-left">Share This Story: </h3> -->
                  <h3 class="section-heading pull-left">分享到： </h3>
                  <ul class="list-inline sharing-tools">
                    <li>
                      <a href="#" class="facebook-bg">
                        <i class="fa fa-facebook"></i>
                      </a>
                    </li>
                    <li>
                      <a href="#" class="twitter-bg">
                        <i class="fa fa-twitter"></i>
                      </a>
                    </li>
                    <li>
                      <a href="#" class="googleplus-bg">
                        <i class="fa fa-google-plus"></i>
                      </a>
                    </li>
                    <li>
                      <a href="#" class="rss-bg">
                        <i class="fa fa-rss"></i>
                      </a>
                    </li>
                  </ul>
                </div>
                <!-- end social sharing -->
                <!-- <hr> -->
                <!-- author info -->
                <!-- <section class="author-info">
                  <h3 class="section-heading">About The Author</h3>
                  <div class="media">
                    <a href="#" class="media-left">
                      <img src="@/assets/img/user2.png" class="img-circle" alt="Avatar">
                    </a>
                    <div class="media-body">
                      <a href="#" class="author-name">Antonius</a>
                      <p>Synergistically incentivize innovative information after intermandated leadership. Conveniently
                        <a href="#">transition high standards</a> in e-tailers vis-a-vis ethical convergence. Conveniently transform client-focused quality vectors after inexpensive benefits. Dynamically predominate backward-compatible process. Appropriately incentivize cross-media expertise for transparent users. Energistically supply ubiquitous scenarios rather than client-based resources. Interactively seize user friendly opportunities whereas reliable infrastructures. Completely extend extensible ideas before alternative customer service.</p>
                    </div>
                  </div>
                </section> -->
                <!-- end author info -->
                <!-- <hr> -->
                <!-- related post -->
                <!-- <section>
                  <h3 class="section-heading">Related Articles</h3>
                  <ul class="list-unstyled related-post-list row">
                    <li class="col-md-4">
                      <a href="#">
                        <img src="@/assets/img/blog/people-med.jpg" class="img-responsive" alt="Related Post">
                      </a>
                      <a href="#" class="post-title">Monotonectally Pursue Extensive Process iImprovements</a>
                    </li>
                    <li class="col-md-4">
                      <a href="#">
                        <img src="@/assets/img/blog/buildings-med.jpg" class="img-responsive" alt="Related Post">
                      </a>
                      <a href="#" class="post-title">Progressively Maximize Multidisciplinary Innovation Before Proactive E-markets</a>
                    </li>
                    <li class="col-md-4">
                      <a href="#">
                        <img src="@/assets/img/blog/balloon-med.jpg" class="img-responsive" alt="Related Post">
                      </a>
                      <a href="#" class="post-title">Phosfluorescently conceptualize team</a>
                    </li>
                  </ul>
                </section> -->
                <!-- end related post -->
                <!-- <hr> -->
                <!-- comments -->
                <!-- <article class="comments">
                  <h3 class="section-heading">Comments (3)</h3>
                  <ul class="media-list">
                    <li class="media">
                      <a href="#" class="media-left">
                        <img src="@/assets/img/user1.png" class="avatar" alt="avatar">
                      </a>
                      <div class="media-body">
                        <h4 class="media-heading comment-author">
                          <a href="#">John Doe</a>
                        </h4>
                        <span class="timestamp text-muted">Dec 11, 2014 12:30 PM</span>
                        <p>Conveniently administrate prospective e-tailers via global initiatives. Appropriately transition market-driven internal or "organic" sources and turnkey synergy. Appropriately aggregate extensible technologies with high-payoff functionalities. Intrinsicly deliver emerging initiatives via cross functional niches. Interactively embrace enterprise human capital before an expanded array of growth strategies. Rapidiously network.</p>
                        <p>
                          <a href="#">
                            <i class="fa fa-reply"></i> Reply</a>
                        </p>
                        <hr>
                        <div class="media comment-by-author">
                          <a href="#" class="media-left">
                            <img src="@/assets/img/user2.png" class="avatar" alt="avatar">
                          </a>
                          <div class="media-body">
                            <h4 class="media-heading comment-author">
                              <a href="#">Antonius</a>
                            </h4>
                            <span class="timestamp text-muted">Dec 12, 2014 18:40 PM</span>
                            <p>Energistically empower seamless systems rather than granular web-readiness. Conveniently foster accurate total linkage vis-a-vis timely interfaces. Synergistically repurpose visionary.</p>
                            <p>
                              <a href="#">
                                <i class="fa fa-reply"></i> Reply</a>
                            </p>
                            <hr>
                          </div>
                        </div>
                      </div>
                      <div class="media child">
                        <a href="#" class="media-left">
                          <span class="avatar anonymous">
                            <i class="fa fa-user"></i>
                          </span>
                        </a>
                        <div class="media-body">
                          <h4 class="media-heading comment-author">
                            <a href="#">Anonymous</a>
                          </h4>
                          <span class="timestamp text-muted">8 hours ago</span>
                          <p>Compellingly incentivize pandemic products for holistic total linkage. Holisticly facilitate bleeding-edge "outside the box" thinking rather than an expanded array of schemas. Phosfluorescently harness empowered infomediaries via strategic growth strategies. Collaboratively innovate proactive products rather than intuitive relationships. Professionally redefine cooperative technology rather than.</p>
                          <p>
                            <a href="#">
                              <i class="fa fa-reply"></i> Reply</a>
                          </p>
                        </div>
                      </div>
                    </li>
                  </ul>
                </article> -->
                <!-- end comments -->
                <!-- <hr> -->
                <!-- comment form -->
                <!-- <section class="comment-form margin-bottom">
                  <h3 class="section-heading">Leave A Comment</h3>
                  <p class="heading">Required fields are marked *. Your email will not be published or shared.</p>
                  <form class="form-horizontal comment-form" role="form">
                    <div class="row">
                      <div class="col-sm-6">
                        <div class="form-group">
                          <label for="comment-name" class="control-label sr-only">Name</label>
                          <input type="text" class="form-control" id="comment-name" placeholder="* Name">
                        </div>
                      </div>
                      <div class="col-sm-6">
                        <div class="form-group">
                          <label for="comment-email" class="control-label sr-only">Email</label>
                          <input type="email" class="form-control" id="comment-email" placeholder="* Email">
                        </div>
                      </div>
                    </div>
                    <div class="form-group">
                      <label for="comment-website" class="control-label sr-only">Website</label>
                      <div class="col-sm-12">
                        <input type="url" class="form-control" id="comment-website" placeholder="Website">
                      </div>
                    </div>
                    <div class="form-group">
                      <label for="comment-text" class="control-label sr-only">Comments</label>
                      <div class="col-sm-12">
                        <textarea class="form-control" name="comment-text" id="comment-text" rows="5" cols="30" placeholder="* Your comments"></textarea>
                      </div>
                    </div>
                    <div class="form-group">
                      <div class="col-sm-12">
                        <button type="submit" class="btn btn-primary">Submit Comment</button>
                      </div>
                    </div>
                  </form>
                </section> -->
                <!-- end comment form -->
              </div>
              <!-- END BLOG SINGLE -->
            </div>
            <div class="col-md-3">
              <!-- SIDEBAR -->
              <!-- search form -->
              <div class="widget">
                <form action="#" class="form-search">
                  <div class="input-group">
                    <input type="text" class="form-control" placeholder="请输入搜索内容">
                    <span class="input-group-btn">
                      <button class="btn btn-primary" type="button">搜索</button>
                    </span>
                  </div>
                </form>
              </div>
              <!-- end search form -->
              <!-- categories -->
              <div class="widget">
                <h4 class="widget-title">栏目 CATEGORIES</h4>
                <ul class="list-unstyled category-list">
                  <li>
                    <a href="#">Business (23)</a>
                  </li>
                  <li>
                    <a href="#">Creative (14)</a>
                    <ul class="sub-category-list">
                      <li>
                        <a href="#">Digital Imaging (8)</a>
                      </li>
                      <li>
                        <a href="#">Web Design (6)</a>
                      </li>
                    </ul>
                  </li>
                  <li>
                    <a href="#">Media (65)</a>
                  </li>
                  <li>
                    <a href="#">Photography (17)</a>
                  </li>
                  <li>
                    <a href="#">Corporate (9)</a>
                  </li>
                </ul>
              </div>
              <!-- end categories -->
              <!-- tabbed content -->
              <!-- <div class="widget">
                <div class="tabpanel">
                  <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="active">
                      <a href="#content-popular" aria-controls="content-popular" role="tab" data-toggle="tab">POPULAR</a>
                    </li>
                    <li role="presentation">
                      <a href="#content-recents" aria-controls="content-recents" role="tab" data-toggle="tab">RECENTS</a>
                    </li>
                    <li role="presentation">
                      <a href="#content-recent-comments" aria-controls="content-recent-comments" role="tab" data-toggle="tab">
                        <i class="fa fa-comments"></i>
                      </a>
                    </li>
                  </ul>
                  <div class="tab-content">
                    <div id="content-popular" class="tab-pane fade in active" role="tabpanel">
                      <ul class="list-unstyled blogposts popular">
                        <li>
                          <h4 class="post-title">
                            <a href="#">Monotonectally Underwhelm Sustainable Outsourcing</a>
                          </h4>
                          <span class="text-muted">Nov 4, 2014 | by John Doe</span>
                        </li>
                        <li>
                          <h4 class="post-title">
                            <a href="#">Seamlessly Repurpose Equity Invested Intellectual Capital</a>
                          </h4>
                          <span class="text-muted">Nov 23, 2014 | by George</span>
                        </li>
                        <li>
                          <h4 class="post-title">
                            <a href="#">Efficiently Aggregate Multidisciplinary Markets With Professional Functionalities</a>
                          </h4>
                          <span class="text-muted">Nov 9, 2014 | by Jane</span>
                        </li>
                        <li>
                          <h4 class="post-title">
                            <a href="#">Collaboratively Actualize Revolutionary Total Linkage</a>
                          </h4>
                          <span class="text-muted">Nov 9, 2014 | by Smith</span>
                        </li>
                        <li>
                          <h4 class="post-title">
                            <a href="#">Credibly Disintermediate Client-centered Applications</a>
                          </h4>
                          <span class="text-muted">Nov 9, 2014 | by Barbara</span>
                        </li>
                      </ul>
                    </div>
                    <div id="content-recents" class="tab-pane fade" role="tabpanel">
                      <ul class="list-unstyled blogposts latest">
                        <li>
                          <h4 class="post-title">
                            <a href="#">Assertively Streamline Error-free Quality</a>
                          </h4>
                          <span class="text-muted">Dec 9, 2014 | by John Doe</span>
                        </li>
                        <li>
                          <h4 class="post-title">
                            <a href="#">Proactively Monetize Long-term High-impact Architectures After Value-added Experiences</a>
                          </h4>
                          <span class="text-muted">Dec 12, 2014 | by George</span>
                        </li>
                        <li>
                          <h4 class="post-title">
                            <a href="#">Efficiently Repurpose Enterprise-wide Processes For Granular Applications</a>
                          </h4>
                          <span class="text-muted">Dec 29, 2014 | by Jane</span>
                        </li>
                        <li>
                          <h4 class="post-title">
                            <a href="#">Monotonectally Underwhelm Sustainable Outsourcing</a>
                          </h4>
                          <span class="text-muted">Nov 4, 2014 | by John Doe</span>
                        </li>
                        <li>
                          <h4 class="post-title">
                            <a href="#">Seamlessly Repurpose Equity Invested Intellectual Capital</a>
                          </h4>
                          <span class="text-muted">Nov 23, 2014 | by George</span>
                        </li>
                      </ul>
                    </div>
                    <div id="content-recent-comments" class="tab-pane fade" role="tabpanel">
                      <ul class="list-unstyled recent-comments">
                        <li>
                          <div class="media">
                            <a href="#" class="media-left"><img src="@/assets/img/user1.png" class="img-circle" alt="Avatar"></a>
                            <div class="media-body">
                              <h4 class="media-heading">
                                <a href="#">Antonio</a> in
                                <a href="#">Holisticly Unleash Enabled Information Via Customized Value</a>
                              </h4>
                              <p class="text-muted">Interactively grow cross-media customer service through B2C paradigms. Continually monetize magnetic sources rather than ...</p>
                            </div>
                          </div>
                        </li>
                        <li>
                          <div class="media">
                            <a href="#" class="media-left"><img src="@/assets/img/user2.png" class="img-circle" alt="Avatar"></a>
                            <div class="media-body">
                              <h4 class="media-heading">
                                <a href="#">Michael</a> in
                                <a href="#">Holisticly Unleash Enabled Information Via Customized Value</a>
                              </h4>
                              <p class="text-muted">Objectively disseminate customer directed e-commerce with prospective partnerships. Collaboratively actualize ...</p>
                            </div>
                          </div>
                        </li>
                        <li>
                          <div class="media">
                            <a href="#" class="media-left"><img src="@/assets/img/user3.png" class="img-circle" alt="Avatar"></a>
                            <div class="media-body">
                              <h4 class="media-heading">
                                <a href="#">Laura</a> in
                                <a href="#">Holisticly Unleash Enabled Information Via Customized Value</a>
                              </h4>
                              <p class="text-muted">Continually monetize magnetic sources rather than leveraged outsourcing ...</p>
                            </div>
                          </div>
                        </li>
                        <li>
                          <div class="media">
                            <a href="#" class="media-left"><img src="@/assets/img/user4.png" class="img-circle" alt="Avatar"></a>
                            <div class="media-body">
                              <h4 class="media-heading">
                                <a href="#">Diana</a> in
                                <a href="#">Holisticly Unleash Enabled Information Via Customized Value</a>
                              </h4>
                              <p class="text-muted">Objectively disseminate customer directed e-commerce with prospective partnerships. Collaboratively actualize ...</p>
                            </div>
                          </div>
                        </li>
                        <li>
                          <div class="media">
                            <a href="#" class="media-left"><img src="@/assets/img/user5.png" class="img-circle" alt="Avatar"></a>
                            <div class="media-body">
                              <h4 class="media-heading">
                                <a href="#">Henry</a> in
                                <a href="#">Holisticly Unleash Enabled Information Via Customized Value</a>
                              </h4>
                              <p class="text-muted">Proactively reinvent team building customer service with ethical e-markets. Professionally utilize mission-critical ...</p>
                            </div>
                          </div>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div> -->
              <!-- end tabbed content -->
              <!-- tags -->
              <div class="widget">
                <h4 class="widget-title">标签 TAGS</h4>
                <ul class="list-inline tag-list">
                  <li>
                    <a href="#">story</a>
                  </li>
                  <li>
                    <a href="#">inspiration</a>
                  </li>
                  <li>
                    <a href="#">creative</a>
                  </li>
                  <li>
                    <a href="#">e-commerce</a>
                  </li>
                  <li>
                    <a href="#">statistic data</a>
                  </li>
                  <li>
                    <a href="#">business</a>
                  </li>
                  <li>
                    <a href="#">development</a>
                  </li>
                  <li>
                    <a href="#">startup ideas</a>
                  </li>
                  <li>
                    <a href="#">enterprise</a>
                  </li>
                </ul>
              </div>
              <!-- end tags -->
              <!-- text widget -->
              <!-- <div class="widget">
                <h4 class="widget-title">TEXT WIDGET</h4>
                <p>Conveniently develop parallel technologies via user-centric benefits. Globally deploy turnkey technologies vis-a-vis excellent partnerships. Completely aggregate one-to-one human capital with principle-centered initiatives. Seamlessly enable web-enabled.</p>
                <p> Appropriately foster ethical architectures via functional alignments. Holisticly unleash enabled information via customized value. Collaboratively syndicate corporate benefits without process-centric communities.</p>
              </div> -->
              <!-- end text widget -->
              <!-- END SIDEBAR -->
            </div>
          </div>
        </div>
      </div>
      <!-- END PAGE CONTENT -->
    </div>
  </div>
</template>

<script>
export default {
  components: {}
};
</script>

<style lang="less">
#news-single {
}
</style>
